<template>
    <div>
      <el-steps :active="0" simple>
        <el-step title="查看实验列表"></el-step>
        <el-step title="查看可预约时间段"></el-step>
        <el-step title="提交预约"></el-step>
      </el-steps>
      <el-card class="box-card">
        <div>
            <el-table
              :data="tableData"
              border
              style="width: 100%">
              <el-table-column
                label="编号"
                width="68">
                <template slot-scope="scope">
                  {{scope.$index + 1}}
                </template>
              </el-table-column>

              <el-table-column
                prop="name"
                label="实验名称">
              </el-table-column>

              <el-table-column
                fixed="right"
                label="选择实验室"
                width="120">
                <template slot-scope="scope">
                  <router-link class="link-type" :to="'/appointment/experiment/'+scope.row.id">
                    <el-button type="primary" icon="iconfont icon-guanlianpingtai"></el-button>
                  </router-link>
                </template>
              </el-table-column>
            </el-table>
        </div>
      </el-card>
    </div>
</template>
<script>
import request from '@/utils/request'

export default {
  // props: {
  //   tableData: Object
  // },
  data() {
    return {
      value2: '',
      tableData: [],
      renderData: []
    }
  },
  mounted() {
    request.get('/items/labExperiment/page?size=1000').then(res => {
      this.tableData = res.content.records
    })
  }
}
</script>

<style scoped>
.buttonGroup {
    float: left;
}
.inputGroup {
    float: right;
}
</style>
